<!doctype html>
<html class="no-js" lang="en">
<!-- test  ..-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">

    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">

</head>

<body>


<!--Header Area Start-->
<!--=====================&ndash;&gt;-->
<div class="header-area header-three">

    <!-- Header Middle Start -->
    <div class="header-middle space-40 sticker" style="padding: 18px;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3 col-6">
                    <div class="logo">
                        <a href="index.php"><img src="assets/images/logo/pos-circle-logo.jpg" alt=""
                                                 class="img-fluid"></a>
                    </div>
                </div>
                <div class="col-lg-9 col-6">
                    <div class="header-middle-inner">
                        <!-- Main Menu Start -->
                        <div class="header-menu float-left add-sticky">
                            <div class="sticky-container">
                                <div class="logo">
                                    <a href="index.php"><img src="assets/images/logo/pos-circle-logo.jpg" alt=""
                                                             class="img-fluid"></a>
                                </div>
                                <nav class="main-menu">
                                    <ul>
                                        <li>
                                            <a href="index.php">首页<i></i></a>
                                        </li>
                                        <li>
                                            <a href="#">资源 <i class="fa fa-angle-down"></i></a>
                                            <div class="mega-menu dropdown">
                                                <ul class="mega-menu-inner d-flex">
                                                    <li>
                                                        <a href="">环境搭建</a>
                                                        <ul>
                                                            <li><a href="https://www.codeblocks.org/">Codeblocks</a>
                                                            </li>
                                                            <li><a href="https://www.python.org/">Python</a></li>
                                                            <li><a href="https://www.java.com/zh-CN/">Java</a></li>
                                                            <li><a href="https://www.anaconda.com/">Anacanda</a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="">编译软件</a>
                                                        <ul>
                                                            <li><a>编译软件1</a></li>
                                                            <li><a>编译软件2</a></li>
                                                            <li><a>编译软件3</a></li>
                                                            <li><a>编译软件4</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="">实用软件</a>
                                                        <ul>
                                                            <li><a>实用软件1</a></li>
                                                            <li><a>实用软件2</a></li>
                                                            <li><a>实用软件3</a></li>
                                                            <li><a>实用软件4</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li><a href="../notice/notice.html">课程公告</a></li>
                                        <li><a href="../competition/competition.html">竞赛活动</a></li>
                                        <li><a href="../about.html">平台介绍</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <!-- Main Menu End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header Middle End -->

    <!--=====================
    Breadcrumb Aera End
    =========================-->

    <!-- ================
    About Area Start
    =====================-->
    <div class="about-area mt-45 mb-35">
        <div class="container">
            <div class="row">
                <div class="offset-lg-2 col-lg-8 text-center">
                    <div class="about-head">
                        <h3 class="mb-20">欢迎来到中国石油大学(华东)课程教学平台!</h3>
                        <p>Welcome to the course teaching platform of China University of Petroleum!</p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-6 mt-40 text-center">
                    <div class="about-img">
                        <img src="assets/images/about/about-1.jpg" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6 mt-20 text-center">
                    <div class="about-content">
                        <h3 class="last-title mb-20">体系</h3>
                        <p>本平台收集有各项大赛的介绍，各个与计算机相关的课程的教学网站，还整合了丰富的教学资源。
                            本平台收集有各项大赛的介绍，各个与计算机相关的课程的教学网站，还整合了丰富的教学资源。
                            本平台收集有各项大赛的介绍，各个与计算机相关的课程的教学网站，还整合了丰富的教学资源。
                            本平台收集有各项大赛的介绍，各个与计算机相关的课程的教学网站，还整合了丰富的教学资源。
                            本平台收集有各项大赛的介绍，各个与计算机相关的课程的教学网站，还整合了丰富的教学资源。
                            本平台收集有各项大赛的介绍，各个与计算机相关的课程的教学网站，还整合了丰富的教学资源。

                        </p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-6 mt-40 order-lg-2 text-center">
                    <div class="about-img">
                        <img src="assets/images/about/logo1.jpg" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6 mt-20 text-center order-lg-1">
                    <div class="about-content">
                        <h3 class="last-title mb-20">目的</h3>
                        <p style="text-align: left">本平台旨在为在校师生打造一个整合所有与校内计算机学科有关的资讯的平台。
                            本平台旨在为在校师生打造一个整合所有与校内计算机学科有关的资讯的平台。
                            本平台旨在为在校师生打造一个整合所有与校内计算机学科有关的资讯的平台。
                            本平台旨在为在校师生打造一个整合所有与校内计算机学科有关的资讯的平台。
                            本平台旨在为在校师生打造一个整合所有与校内计算机学科有关的资讯的平台。
                            本平台旨在为在校师生打造一个整合所有与校内计算机学科有关的资讯的平台。</p>

                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-6 mt-40 text-center">
                    <div class="about-img">
                        <img src="assets/images/about/about-3.jpg" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6 mt-20 text-center">
                    <div class="about-content">
                        <h3 class="last-title mb-20">内容</h3>
                        <p>校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等。
                            校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等
                            校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等
                            校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等
                            校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等
                            校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等
                            校内各个与计算机相关的课程的教学平台，各个计算机竞赛的介绍与官网，丰富的教学资源，常见问题的解答等等
                            
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ================
    About Area Start
    =====================-->

    <!--===================
     footer area start
    ===================-->
    <footer class="mt-10">
        <!-- Footer Bottom Start -->
        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 col-md-12 col-12">
                        <div class="footer-bottom-content">
                            <div class="footer-copyright">

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-12 col-12">
                        <div class="payment">
                            <a href="#">
                                <p>Copyright &copy; 2020.计算机应用技术系 All rights reserved.</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Bottom End -->
    </footer>
    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>